// theme-color: #5283F7;
// 界面主题色

// 主题色
@rok-mobile-primary-color: var(--bl-brand-c);
@rok-mobile-background-color: var(--bl-brand-label);

// 页面背景
@rok-mobile-white-bg: @rok-mobile-white-color;
@rok-mobile-bg-default-color: #F2F4F7;
// 主要文字颜色
@rok-mobile-text-color: #1f2329;
// 二级文字颜色
@rok-mobile-text-color-secondary: #646A73;
/* 辅色/N500-辅助文案 */
@rok-mobile-auxiliary-color: #8F959E;
// placeholder 颜色
@rok-mobile-placeholder-color: @rok-mobile-auxiliary-color;

// 辅色/N300-分割线等
@rok-mobile-Divider-color: #E8EAED;
// 基础border颜色
@rok-mobile-border-color-base: #DEE0E3;

/* 辅色/表头底色 */
// @rok-mobile-table-header-color: #FAFBFC;
/* 辅色/N200-hover颜色 */
@rok-mobile-hover-color: #EFF0F1;
/* 辅色/标签底色 */
@rok-mobile-label-bg-color: #EBF1FF;

// 功能色

// 成功色
@rok-mobile-success-color: #5ABB3C;
// 警告色
@rok-mobile-warning-color: #FF9801;
// 错误色
@rok-mobile-error-color: #FF6459;

// 必填色
@rok-mobile-required-color: @rok-mobile-error-color;



// 成功背景色
// @rok-mobile-success-bg-color: #E9FAE5;
// 警告背景色
// @rok-mobile-warning-bg-color:  #FFF6E5;
// 错误背景色
// @rok-mobile-error-bg-color: #FFF0EF;

// @rok-mobile-warning-border-color: @rok-mobile-error-color;
// 基础白色
@rok-mobile-white-color: #fff;
// 警告色边框色

// 基础字体大小
@rok-mobile-font-size-base: 15px;
// 大字体
@rok-mobile-font-size-big: 20px;
// 小字体
@rok-mobile-font-size-small: 13px;

@rok-mobile-font-size-title: 16px;


// 控件左右间距
@rok-mobile-control-padding: 10px;

//基础行高
@rok-mobile-basic-line-height:48px;
//基础左右间距
@rok-mobile-basic-padding: 16px;

@rok-mobile-basic-subtable-line-height: 24px;



// 基础border-radius
// @rok-mobile-border-radius-base: 2px;
@rok-mobile-border-radius-litter:3px;
@rok-mobile-border-radius-big: 8px;
@rok-mobile-border-radius-litter-big: 6px;


// 基础字重
@rok-mobile-font-weight-bold: 600;
// icon颜色
@rok-mobile-icon-default-color: #646A73;
// 明细子表icon颜色
@rok-mobile-icon-subtable-color: #2B2F36;
// 失效色
@rok-mobile-disabled-color: #BBBFC4;
// 金额背景色
@rok-mobile-amount-bg: #BBBFC4;
// link color
@rok-mobile-link-color: @rok-mobile-primary-color;
@rok-mobile-default-hover-base: #4C78FC;

@secondary-mobile-border-base:#bbbfc4;
.transform(@h-scale: scaleY(0.5)){
	transform: @h-scale;
  -webkit-transform: @h-scale;
}